<!DOCTYPE html>
<html>
	<head>
	  	<meta charset="utf-8">
	  	<title>百度小程序图文教程</title>
	  	<meta name="renderer" content="webkit">
	  	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	  	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
	  	<link rel="stylesheet" href="/usercp/layui/css/layui.css" media="all">
  		<link rel="stylesheet" href="/usercp/style/admin.css" media="all">
	</head>
	<body>
		<div class="m-site-framebody">
			<div class="layui-row">
				<div class="layui-col-md7">
					<ul class="layui-timeline" style="padding: 20px 20px 0 60px;">
					  <li class="layui-timeline-item">
					    <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
					    <div class="layui-timeline-content layui-text">
					      <h3 class="layui-timeline-title">新建文件夹并解压小程序</h3>
					      <ul style="list-style-type:decimal;">
					      	<li>新建任意文件夹。如：新建文件夹“小程序”。</li>
					        <li>将下载好的代码包复制在文件夹“小程序”中并解压出来。</li>
					        <li><a href="/usercp/images/tutorial/1.png" target="_blank"><img src="/usercp/images/tutorial/1.png" width="600px"></a></li>
					      </ul>
					    </div>
					  </li>
					  <li class="layui-timeline-item">
					    <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
					    <div class="layui-timeline-content layui-text">
					      <h3 class="layui-timeline-title">使用百度开发者工具</h3>
					      <ul style="list-style-type:decimal;">
					      	<li>下载安装百度开发者工具。<a href="https://smartprogram.baidu.com/docs/develop/tutorial/index_first/" target="_blank">下载链接</a>
					      	</li>
					      	<li><a href="/usercp/images/tutorial/2.png" target="_blank"><img src="/usercp/images/tutorial/2.png" width="600px" ></a></li>
					      	<li></li>
					      	<li>打开百度开发者工具，点击打开按钮，选择代码包的解压文件夹。</li>
					      	<li><a href="/usercp/images/tutorial/3.png" target="_blank"><img src="/usercp/images/tutorial/3.png" width="600px"></a></li>
					      	<li>小程序会自动进行编译，请等待。</li>
					      	<li><a href="/usercp/images/tutorial/4.png" target="_blank"><img src="/usercp/images/tutorial/4.png" width="600px"></a></li>
					      </ul>
					    </div>
					  </li>
					  <li class="layui-timeline-item">
					    <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
					    <div class="layui-timeline-content layui-text">
					      <h3 class="layui-timeline-title">发布小程序</h3>
					       <ul style="list-style-type:decimal;">
					      		<li>小程序编译完成后，登陆百度账号，点击发布按钮。</li>
					      		<li><a href="/usercp/images/tutorial/7.png" target="_blank"><img src="/usercp/images/tutorial/7.png" width="600px"></a></li>
					      		<li>发布之后返回百度<a href="https://smartprogram.baidu.com/developer/index.html" target="_blank">智能小程序</a>管理中心，在开发管理中将小程序提交审核。</li>
					      		<li><a href="/usercp/images/tutorial/6.png" target="_blank"><img src="/usercp/images/tutorial/6.png" width="600px"></a></li>
					      	</ul>
					    </div>
					  </li>
					  <br>
					  <blockquote class="layui-elem-quote">注意：域名配置如下</blockquote>
					  <li><a href="/usercp/images/tutorial/8.png" target="_blank"><img src="/usercp/images/tutorial/8.png" width="600px"></a></li>
					</ul>
				</div>
		</div>
		<style>
			html {
				background-color: #fff;
			}
			.m-site-framebody {
				padding: 10px 15px;
			}
			.m-site-framebody-header {
				margin-bottom: 20px;
				padding-bottom: 10px;
				font-size: 14px;
				border-bottom: 1px solid #e6e6e6;
			}
			.layui-table, .layui-table-view {
				margin: 0;
			}
		</style>
	</body>
</html>
